<template lang="html">
  <div class="panel">
    <h2><a>{{title}}</a></h2>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props : {
    title : {
      type : String,
    }
  },
  data() {
    return {
      
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../assets/sass/common.scss';
.panel {
  position: relative;
  h2 {
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    a{
      color: #ffffff;
      cursor: pointer;
    }
  }
}

@media screen and (max-height:901px) {
  .panel{
    h2{
      height: 50px;
      line-height: 50px;
      font-size: 18px;
    }
  }
}
</style>
